<!DOCTYPE HTML>
<html class="oxh met-web" >
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,minimal-ui">
    <meta name="format-detection" content="telephone=no">
    <title><?=$model->title;?></title>
    <meta name="description" content="<?=$model->seo_description?>">
    <meta name="keywords" content="<?=$model->seo_keywords?>">
    <meta name="generator" content="FoundCMS 2.0" data-variable="../|cn|cn|m1156ui013|3|198|51" data-user_name="">
    <link href="favicon.ico?1583985954" rel="shortcut icon" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="<?=$this->_themeUrl?>css/basic.css?1609148841">
    <link rel="stylesheet" type="text/css" href="<?=$this->_themeUrl?>css/showproduct_cn.css?1610933878">
    <meta content="always" name="referrer"/>
    <meta name="msvalidate.01" content="973BAEE1DC9B16889F2ADDAE97B25C3F" />
    <style>
        body{background-color: !important;font-family:Microsoft YaHei !important;}
        h1,h2,h3,h4,h5,h6{font-family:Microsoft YaHei !important;}
    </style>
    <script>(function(){var t=navigator.userAgent;(t.indexOf("rv:11")>=0||t.indexOf("MSIE 10")>=0)&&document.write("<script src=\"../public/plugins/html5shiv.min.js\"><\/script>")})();</script>
</head>
<!--[if lte IE 9]>
<div class="text-xs-center m-b-0 bg-blue-grey-100 alert">
    <button type="button" class="close" aria-label="Close" data-dismiss="alert">
        <span aria-hidden="true">×</span>
    </button>
    你正在使用一个 的浏览器。请以提高您的体验。</div>
<![endif]-->
<body >
<section class="head_nav_met_m1156_10_1_load-box"></section>
<?php $this->renderPartial('/layouts/header')?>

<section class="product_list_detail_met_m1156_1_18 lazy" m-id="18" data-background=" ">
    <div class="page met-showproduct pagetype1 animsition" id="content-1">
        <div class="met-showproduct-head">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="row">
                            <div class="shownews-video">
                                <div class="shownews-container">
                                    <div class="shownews-wrapper">
                                        <div class="shownews-slide">
                                            <img class="shownews-lazy" data-src="https://images.lulian.cn/upload/thumb_src/450_450/1505125075.jpg" data-gallery="https://images.lulian.cn/upload/201709/1505125075.jpg" alt="绿联HDMI高清线锌合金款" />
                                        </div>
                                        <div class="shownews-slide">
                                            <img class="shownews-lazy" data-src="https://images.lulian.cn/upload/thumb_src/450_450/1469008500.jpg" data-gallery="https://images.lulian.cn/upload/201607/1469008500.jpg" alt="绿联HDMI高清线锌合金款" />
                                        </div>
                                        <div class="shownews-slide">
                                            <img class="shownews-lazy" data-src="https://images.lulian.cn/upload/thumb_src/450_450/1560766233.jpg" data-gallery="https://images.lulian.cn/upload/201906/1560766233.jpg" alt="绿联HDMI高清线锌合金款" />
                                        </div>
                                        <div class="shownews-slide">
                                            <img class="shownews-lazy" data-src="https://images.lulian.cn/upload/thumb_src/450_450/1560765885.jpg" data-gallery="https://images.lulian.cn/upload/201906/1560765885.jpg" alt="绿联HDMI高清线锌合金款" />
                                        </div>
                                        <div class="shownews-slide">
                                            <img class="shownews-lazy" data-src="https://images.lulian.cn/upload/thumb_src/450_450/1560765576.jpg" data-gallery="https://images.lulian.cn/upload/201906/1560765576.jpg" alt="绿联HDMI高清线锌合金款" />
                                        </div>
                                    </div>
                                    <div class="swiper-button-next swiper-button-white"></div>
                                    <div class="swiper-button-prev swiper-button-white"></div>
                                </div>
                            </div>
                            <div class="shownews-container-small">
                                <div class="shownews-wrapper-small">
                                    <div class="shownews-slide-small active">
                                        <img class="shownews-lazy" data-src="https://images.lulian.cn/upload/thumb_src/450_450/1505125075.jpg" data-gallery="https://images.lulian.cn/upload/201709/1505125075.jpg" alt="绿联HDMI高清线锌合金款" />
                                    </div>
                                    <div class="shownews-slide-small">
                                        <img class="shownews-lazy" data-src="https://images.lulian.cn/upload/thumb_src/450_450/1469008500.jpg" data-gallery="https://images.lulian.cn/upload/201607/1469008500.jpg" alt="绿联HDMI高清线锌合金款" />
                                    </div>
                                    <div class="shownews-slide-small">
                                        <img class="shownews-lazy" data-src="https://images.lulian.cn/upload/thumb_src/450_450/1560766233.jpg" data-gallery="https://images.lulian.cn/upload/201906/1560766233.jpg" alt="绿联HDMI高清线锌合金款" />
                                    </div>
                                    <div class="shownews-slide-small">
                                        <img class="shownews-lazy" data-src="https://images.lulian.cn/upload/thumb_src/450_450/1560765885.jpg" data-gallery="https://images.lulian.cn/upload/201906/1560765885.jpg" alt="绿联HDMI高清线锌合金款" />
                                    </div>
                                    <div class="shownews-slide-small">
                                        <img class="shownews-lazy" data-src="https://images.lulian.cn/upload/thumb_src/450_450/1560765576.jpg" data-gallery="https://images.lulian.cn/upload/201906/1560765576.jpg" alt="绿联HDMI高清线锌合金款" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 product-intro">
                        <div class="row">
                            <div class="product-text">
                                <h1><?=$model->title;?></h1>
                                <span class="t">
                                    <i class="fa fa-clock-o"></i> <?=date('Y/m/d',$model->created_at);?> &nbsp;
                                    <i class="icon fa-eye" aria-hidden="true"></i> <?=$model->scan_count;?>
                                </span>
                                <p class="description"><?=$model->summary?></p>
                                <ul class="para blocks-2">
                                    <li>型号 : HD102</li>
                                    <li>品牌 : UGREEN绿联</li>
                                    <li>类型 : HDMI高清线</li>
                                </ul>
                                <div class='m-y-10'>
                                    <a href="https://detail.tmall.com" class="linkbox btn btn-danger m-t-10 m-r-20" target="_blank">天猫购买</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="met-showproduct-body">
            <div class="container not">
                <div class="row no-space">
                    <div class="col-lg-9 product-content-body">
                        <div class="panel product-detail">
                            <div class="container">
                                <div class="row">
                                    <div class="panel-body">
                                        <ul class="nav nav-tabs nav-tabs-line met-showproduct-navtabs affix-nav">
                                            <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#product-content0" data-get="product-details">详细信息</a></li>
                                        </ul>
                                        <div class="tab-content">
                                            <div class="tab-pane met-editor lazyload clearfix animation-fade active" id="product-content0">
                                                <?=$model->content;?>
                                            </div>
                                            <div class="tab-pane met-editor lazyload clearfix animation-fade" id="product-content1">
                                            </div>
                                            <div class="tab-pane met-editor lazyload clearfix animation-fade" id="product-content2">
                                            </div>
                                            <div class="tag-box">
                                                <span>标签:</span>
                                                <a href="<?=$this->createUrl('tag/index');?>" title=""></a>
                                                <?php if(isset($model->tag)):
                                                $tags = @explode(',', $model->tag);
                                                foreach ($tags as $tag):?>
                                                <a href="<?=$this->createUrl('tag/view',array('name'=>urlencode($tag)));?>" title="<?=$tag;?>" target="_blank"><?=$tag;?></a>
                                                <?php endforeach;endif?>
                                            </div>
                                        </div>
                                        <div class="showproduct-pager">
                                            <div class='met-page p-y-30 border-top1'>
                                                <div class="container p-t-30 ">
                                                    <ul class="pagination block blocks-2 text-xs-center text-sm-left">
                                                        <li class='page-item m-b-0'>
                                                            <?php if($preArticle):?>
                                                                <a href='<?=$this->createUrl('article/view',array('id'=>$preArticle->id));?>' title="<?=$preArticle->title?>" class='page-link text-truncate'>
                                                                    上一篇: <span aria-hidden="true" class='hidden-xs-down'><?=$preArticle->title?></span>
                                                                </a>
                                                            <?php else:?>
                                                                <a class='page-link text-truncate'>上一篇：<span aria-hidden="true" class='hidden-xs-down'>没有记录了</span></a>
                                                            <?php endif;?>
                                                        </li>
                                                        <li class='page-item m-b-0'>
                                                            <?php if($nextArticle):?>
                                                                <a href='<?=$this->createUrl('article/view',array('id'=>$nextArticle->id));?>' title="<?=$nextArticle->title?>" class='page-link pull-xs-right text-truncate'>
                                                                    下一篇: <span aria-hidden="true" class='hidden-xs-down'><?=$nextArticle->title?></span>
                                                                </a>
                                                            <?php else:?>
                                                                <a class='page-link pull-xs-right text-truncate'>下一篇：<span aria-hidden="true" class='hidden-xs-down'>没有记录了</span></a>
                                                            <?php endif;?>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="panel product-hot">
                            <div class="container">
                                <div class="row">
                                    <div class="panel-body">
                                        <h4 class="example-title">热门推荐</h4>
                                        <ul class="blocks-2 blocks-sm-3 mob-masonry" data-scale='1'>
                                            <?php if($hotArticles):foreach ($hotArticles as $v):?>
                                                <li class="list-group-item">
                                                    <a href="<?=$this->createUrl('article/view',array('id'=>$v->id))?>" title="<?=$v->title;?>" target=_blank><?=$v->title;?></a>
                                                </li>
                                            <?php endforeach;endif;?>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<?php $this->renderPartial('/layouts/footer')?>
<script src="<?=$this->_themeUrl?>js/lang_json_cn.js?1610932785"></script>
<script src="<?=$this->_themeUrl?>js/basic.js?1609148835" data-js_url="<?=$this->_themeUrl?>js/showproduct_cn.js?1610933878" id="met-page-js"></script>
</body>
</html>